<template>
	<view class="claim">
		<view class="bigBox">
			<view class="text">
				领取记录
			</view>
			<view class="item">
				
			</view>
			
		</view>

	</view>
</template>

<script setup lang="ts">
	import { ref } from 'vue'
	import { getUserVipRecordList } from '@/api/vipLogs'
	const vipLogs = ref([{}]);
	(async function() {
		const res = await getUserVipRecordList()
		console.log(res.data)
	}())
</script>

<style lang="scss" scoped>
	::v-deep.van-collapse.van-hairline--top-bottom {
		overflow: hidden;
	}

	::v-deep.van-cell.van-cell--clickable.van-collapse-item__title {
		background-color: #2A2B2E;
		color: #fff;
	}

	::v-deep.van-collapse-item__content {
		background-color: #2A2B2E;
		color: #fff;
		opacity: 0.7;
	}

	::v-deep .van-cell:after {
		border: none;
	}

	::v-deep[class*="van-hairline"]::after {
		border: none;
	}

	.bigBox {
		border-radius: 32px;
		background-color: #2A2B2E;
		padding: 40px 40px 0 40px;

		.text {
			color: #fff;
			font-size: 36px;
		}
		.item{
			
		}
	}
</style>